@import "mixins.less";

/* Common Platform CSS */

@-ms-viewport { width: device-width; }

.km-root
{
    font-size: .92em;
}

.km-root a
{
    color: inherit;
}

.km-tablet
{
    font-size: 1em;
}

.km-root *:focus
{
    outline: none;
}

.km-root,
.km-pane
{
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    .text-size-adjust(none); // Disables zoom on Desktop too.
}

.km-pane
{
    font-family: sans-serif;
}

.km-root > *,
.km-header *,
.km-footer *
{
    margin: 0;
    padding: 0;
}

.km-root *
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.km-view
{
    top: 0;
    left: 0;
    position: absolute;
    .flexbox();
    height: 100%;
    width: 100%;
    .box-orient(vertical);
    .flex-direction(column);
    .flex-align-items(stretch);
    .flex-align-content(stretch);
    vertical-align: top;
}

:-moz-any(.km-view,.km-pane)
{
    overflow: hidden;
}

.k-ff18 *:-moz-any(.km-view,.km-pane),
.k-ff19 *:-moz-any(.km-view,.km-pane),
.k-ff20 *:-moz-any(.km-view,.km-pane),
.k-ff21 *:-moz-any(.km-view,.km-pane)
{
    position: relative;
}

:-moz-any(.km-view)
{
    display: -moz-inline-box;
    display: flex;
}

.km-content
{
    min-height: 1px;
    .flex(1);
    .flex-align(stretch);
    display: block;
    width: auto;
    overflow: hidden;
    position: relative;
}

.km-content p, .km-content h1, .km-content h2, .km-content h3,
.km-content h4, .km-content h5, .km-content h6
{
    margin-left: 1rem;
    margin-right: 1rem;
}

.km-header,
.km-footer
{
    display: block;
    display: -moz-box;
    -moz-box-orient: vertical;
    width: 100%;
}

:-moz-any(.km-scrollview) > div
{
    display: inline-block;
}

.km-header
{
    padding: 0;
}

.km-footer
{
    background: #1a1a1a;
}

[data-role="layout"]
{
    display: none;
}

.km-tabstrip
{
    .box-orient(horizontal);
    .flex-align(start);
    .flex-direction(row);
    -moz-box-pack: start;
    padding: 0;
}

.km-header,
.km-footer
{
    position: relative;
    z-index: 1;
}

@media all and (-webkit-min-device-pixel-ratio:10000),
       not all and (-webkit-min-device-pixel-ratio:0)
{
  .km-view { display: table; }
  .km-header, .km-footer, .km-content { display: table-row; }
  .km-header, .km-footer { height: 1px; }
}

.km-hide-title
{
    display: none;
}

.km-show-title:after
{
    display: block;
    content: "\a0";
    height: 0;
}

.km-footer .km-show-title:after
{
    display: inline-block;
}

.km-view-title,
.km-dialog-title
{
    position: relative;
    visibility: visible;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.3em;
    margin-left: auto;
    margin-right: auto;
}

.km-horizontal .km-view-title
{
    line-height: 2em;
}

.km-toolbar,
.km-navbar,
.km-button,
.km-buttongroup,
.km-tabstrip,
.km-blackberry li.km-actionsheet-cancel > a
{
    background-origin: border-box;
    position: relative;
    display: inline-block;
    padding: .4em .7em;
    margin: .1rem;
    overflow: visible;
    text-decoration: none;
}

.km-buttongroup,
.km-tabstrip
{
    padding: .4rem .7rem;
}

.km-horizontal .km-tabstrip
{
    padding: .2rem .7rem;
}

.km-button
{
    cursor: pointer;
    outline: 0;
}

.km-switch input[type=checkbox]
{
    display: none;
}

.km-switch,
.km-checkbox
{
    text-align: left;
    font-size: 1rem;
    display: inline-block;
    width: 6.4rem;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden;
}

.km-switch-wrapper,
.km-slider-wrapper
{
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.km-switch-background,
.km-slider-background
{
    display: block;
    margin: 0 1px 1px -5em;
    height: 100%;
    width: 200%;
}

.km-switch-container
{
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: transparent;
    .box-sizing(border-box);
}

.km-checkbox
{
    width: 1.8rem;
    height: 1.8rem;
}

.km-checkbox-checked:after
{
    content: "\a0";
    display: block;
    width: 100%;
    height: 100%;
}

.km-switch-handle
{
    top: 0;
    left: 0;
    width: 2.72em;
    height: 100%;
    display: inline-block;
    margin: -1px 0 0 -1px;
    background-color: #000;
}

.km-switch-label-on,
.km-switch-label-off
{
    display: block;
    width: 130%;
    font-size: 1em;
    line-height: 2em;
    text-align: center;
    position: absolute;
}

.km-switch-label-off
{
    left: 104%;
}

.km-switch-label-on
{
    left: -134%;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.km-badge,
.km-detail
{
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 2em;
    font-size: .6rem;
    text-shadow: none;
}

.km-badge
{
    top: -1em;
    right: -1em;
    line-height: 2em;
    margin-left: .5em;
    min-width: .9em;
    padding: 0 .55em;
    -webkit-background-clip: padding-box;
    .background-clip(padding-box);
}

.km-detail
{
    position: absolute;
    float: right;
    right: .8rem;
    top: 50%;
    margin-top: -.7rem;
    width: 1.3rem;
    height: 1.3rem;
    font-size: 1rem;
    .box-sizing(border-box);
}

.km-root .km-detaildisclose
{
    font-size: .8em;
}

:-moz-any(.km-detail)
{
    width: 1rem;
    height: 1rem;
}

.km-listview-link:after
{
    width: .5rem;
    height: .5rem;
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
}

.km-listview-link:after
{
    margin-left: -.2rem;
    border-style: solid;
    border-width: .24rem .24rem 0 0;
    .transform(rotate(45deg));
}

.km-button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

.km-buttongroup
{
    -webkit-margin-collapse: separate;
    margin-collapse: separate;
    margin: .5em auto;
}

.km-root .km-buttongroup
{
    padding: 0;
    border-color: transparent;
    background: none;
    white-space: nowrap;
    display: table;
}

.km-buttongroup > .km-button
{
    display: table-cell;
}

.km-root .km-buttongroup .km-button
{
    margin: 0;
    border-width: 1px 0 1px 1px;
    padding: .48em .9em .44em;
}

.km-tablet .km-buttongroup .km-button
{
    padding: .4em .8em .34em;
}

.km-root .km-navbar .km-buttongroup
{
    font-size: .95rem;
    line-height: 1em;
    margin: 0 0 .2em;
    display: inline-block;
    height: 1.5em;
    top: -2px;
}

.km-tablet .km-navbar .km-buttongroup
{
    top: -1px;
}

.km-root .km-navbar .km-buttongroup > .km-button
{
    font-size: 1em;
    min-width: 4rem;
    text-align: center;
}

.km-tablet .km-navbar .km-buttongroup > .km-button
{
    min-width: 6rem;
}

.km-view .km-buttongroup .km-button:last-child
{
    border-right-width: 1px;
}

.km-scrollview
{
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.km-scrollview > div > *
{
    -webkit-transform: translatez(0);
}

.km-scrollview > div > [data-role=page]
{
    vertical-align: top;
    display: inline-block;
    min-height: 1px;
}

:-moz-any(.k-ff18,.k-ff19,.k-ff20,.k-ff21) .km-scrollview > div
{
    width: 0;
}

.km-pages
{
    text-align: center;
    margin: 0;
    padding: 0;
}

.km-pages li
{
    display: inline-block;
    width: .5em;
    height: .55em;
    margin: 0 .3em;
}

.km-ios .km-buttongroup .km-button
{
    font-size: 1.2em;
    font-weight: bold;
}

.km-ios .km-state-disabled .km-button,
.km-android .km-state-disabled .km-button,
.km-blackberry .km-state-disabled .km-button,
.km-meego .km-state-disabled .km-button
{
    color: #aaa;
    text-shadow: none;
}

.km-tabstrip,
.km-toolbar,
.km-navbar
{
    display: block;
    padding: .8em;
    margin: 0;
    width: 100%;
    border-width: 0;
    .box-sizing(border-box);
}

.km-tabstrip
{
    text-align: center;
    word-spacing: -1em;
}

.km-tabstrip .km-button
{
    word-spacing: normal;
    .box-shadow(none);
    vertical-align: bottom;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .km-tabstrip { word-spacing: normal; width: 100%; }
}

.km-toolbar,
.km-navbar
{
    padding: 0;
    .flex(1);
    position: relative;
    overflow: hidden;
    display: block;
    border-width: 0 0 1px 0;
    background-color: #fff;
}

.km-root div:-moz-any(.km-toolbar,.km-navbar)
{
    overflow: visible;
}

.km-toolbar .km-button,
.km-navbar .km-button
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.km-navbar .km-no-title
{
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.km-horizontal .km-toolbar .km-button,
.km-horizontal .km-navbar .km-button
{
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.km-horizontal .km-navbar .km-no-title
{
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.km-tablet.km-root .km-no-title
{
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.km-tablet .km-navbar .km-button,
.km-tablet .km-toolbar .km-button
{
    margin-top: .45rem;
    margin-bottom: .45rem;
}

.km-root .km-pane .km-navbar .km-no-title
{
    visibility: visible;
    line-height: 0;
}

.km-tabstrip .km-button
{
    font-family: Arial, Helvetica, sans-serif;
    color: #a8a8a8;
    padding: .4em .8em;
    border-width: 0;
    border-color: transparent;
    background: none;
    margin: 0;
    text-align: center;
}

.km-tabstrip .km-button:first-child
{
    border-left: 0;
}

.km-tabstrip .km-button:last-child
{
    border-right: 0;
}

/* Listview */

.km-listview-wrapper > ul:not(.km-listview)
{
    margin: 0 auto;
}

.km-list,
.km-listview
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.km-listinset,
.km-listgroupinset
{
    margin: 1em;
}

.km-listinset,
.km-listgroupinset .km-list
{
    overflow: hidden;
}

.km-listview .km-switch
{
    margin-top: -.95rem;
    position: absolute;
    right: .8rem;
    top: 50%;
}

.km-listview .km-list
{
    text-indent: 0;
}

.km-list > li,
.km-root .km-listview-link,
.km-root .km-listview-label
{
    margin: 0;
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    .box-sizing(border-box);
    padding: .5em .7em;
}

.km-list > li
{
    line-height: 1.6em;
    overflow: hidden;
}

.km-list > li > *
{
    line-height: normal;
}

.km-group-title
{
    display: block;
    font-weight: bold;
    padding: .2em 0;
    text-indent: .8em;
}

.km-listgroupinset .km-group-title
{
    margin-top: .65em;
    line-height: 2em;
}

.km-content .km-list > li:first-child
{
    border-top: 0;
}

.km-content .km-list > li:last-child
{
    border-bottom: 0;
}

.km-root .km-listview-link,
.km-root .km-listview-label
{
    line-height: inherit;
    text-decoration: none;
    margin: -.5em -.7em;
}

.km-listview-link:after,
.km-listview-label:after
{
    border-color: #777;
    content: "\a0";
    display: block;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.32rem;
}

/* Filtering */

.km-filter-form
{
    width: 100%;
    padding: .5em 0;
    border: 1px solid transparent;
    border-width: 1px 0;
}

.km-filter-wrap
{
	position: relative;
	margin: 0 .7em;
    padding: .2em .4em;
    border: 1px solid transparent;
}

.km-root .km-filter-wrap:before
{
    display: inline-block;
    vertical-align: middle;
    content: "\e0e9";
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    margin-right: -1em;
    color: inherit;
}

.km-tablet .km-filter-wrap
{
	max-width: 24em;
	margin: 0 auto;
}

.km-filter-wrap > input[type="search"]::-webkit-search-cancel-button
{
	display: none;
}

.km-filter-wrap input
{
	width: 100%;
	.box-sizing(border-box);
    border: 0;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    padding: 0 1.4em;
}

.km-filter-reset
{
    display: inline-block;
	margin-left: -1.6em;
    vertical-align: middle;
	text-align: center;
	z-index: 1;
	text-decoration: none;
    height: 100%;
}

.km-filter-reset .km-clear
{
	font-size: 1.6em;
    width: 1em;
    height: 1em;
    display: block;
}

.km-filter-reset > .km-text
{
	position: absolute;
	top: -3333px;
	left: -3333px;
}

.km-native-scroller
{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity;
}

/* Pull to refresh */

.km-scroller-pull
{
    width: 100%;
    display: block;
    position: absolute;
    line-height: 3em;
    font-size: 1.4em;
    text-align: center;
    .transform(translate3d(0,-3em,0));
}

.km-scroller-pull .km-template
{
    display: inline-block;
    min-width: 200px;
    text-align: left;
}

.km-load-more .km-icon,
.km-root .km-scroller-pull .km-icon
{
    display: inline-block;
    height: 2rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 2rem;
    font-size: 2rem;
    .transform(rotate(0deg));
    .pTransition(~"transform 300ms linear");
}

.km-root .km-scroller-release .km-icon
{
    .transform(rotate(180deg));
}

.km-root .km-scroller-refresh .km-icon
{
    .transition(none);
}

/* Forms and icons */

.km-default-content
{
    padding: 1em;
}

.km-item label:before,
.km-item label.km-item-checked:after
{
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    left: .6em;
    width: 36px;
    height: 36px;
    margin-top: -18px;
}
.km-detail .km-text {
    display: none;
}

.km-detail .km-icon,
.km-button .km-icon,
.km-list .km-icon,
.km-ios .km-button .km-icon
{
    width: 1em;
    height: 1em;
    font-size: 1.3em;
    margin-left: -0.3em;
    margin-right: 0.3em;
    vertical-align: text-top;
    display: inline-block;
    background-size: auto 100%;
}

.km-root .km-view .km-notext
{
    margin-left: 0;
    margin-right: 0;
}

.km-list .km-switch
{
    position: absolute;
    top: 50%;
    right: .8rem;
    margin-top: -1rem;
}

.km-root .km-rowinsert:after,
.km-root .km-rowdelete:after,
.km-root .km-contactadd:after,
.km-root .km-detaildisclose:after,
.km-root .km-rowinsert:before,
.km-root .km-rowdelete:before,
.km-root .km-contactadd:before,
.km-root .km-detaildisclose:before,
.km-detail .km-icon
{
    left: .15em;
    top: .15em;
    line-height: 1em;
    font-size: 1em;
    position: absolute;
}

.km-root .km-detaildisclose:after
{
    left: .1em;
    top: .25em;
    text-align: center;
    font-weight: bold;
}

.km-buttongroup .km-button .km-icon
{
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: 0 .16em 0 0;
}

.km-tabstrip .km-button .km-icon
{
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem;
    margin: .1rem auto 0;
    display: block;
}

.km-phone .km-tabstrip .km-icon
{
    height: 2.2rem;
    width: 2.2rem;
    font-size: 2.2rem;
}

.km-phone .km-horizontal .km-tabstrip .km-icon
{
    height: 2rem;
    width: 2rem;
    font-size: 2rem;
}

/* Slider */

.km-root .k-slider
{
    width: 50%;
    height: .6em;
    line-height: .6em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.km-list .k-slider
{
    position: absolute;
    right: 0;
    margin-top: -.5em;
    top: 50%;
}

.km-root .k-slider-track
{
    left: 1em !important;
    width: auto !important;
    right: 1em;
    height: 100%;
    display: block;
    position: absolute;
}

.km-root .k-slider-track,
.km-root .k-slider-selection
{
    margin-top: 0;
    .border-radius(5px);
    .box-shadow(inset 0 0 1px rgba(0,0,0,.3));
}

.km-root .k-slider-selection
{
    top: 0;
    height: 100%;
}

.km-root .k-slider-items
{
    margin: 0;
}

.km-root .k-slider .k-draghandle
{
    top: -.35em;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    display: block;
    position: absolute;
}

.km-root .k-slider-tooltip
{
    display: none;
}

/* Scroller */

.km-touch-scrollbar
{
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .4em;
    width: .4em;
    background-color: #333;
    opacity: 0;
    .transform-origin(~"0 0");
    .transition(~"opacity 0.3s linear");
}

.km-vertical-scrollbar
{
    height: 100%;
    right: 2px;
    top: 0;
}

.km-horizontal-scrollbar
{
    width: 100%;
    left: 0;
    bottom: 2px;
}

.km-scrollview,
.km-scroll-container
{
    .user-select(none);
    -moz-user-select: -moz-none;
    -webkit-margin-collapse: separate;
    margin-collapse: separate;
}

.km-scroll-wrapper
{
    position: relative;
}

.km-scroll-header {
    position: absolute;
    z-index: 1001;
    width: 100%;
    top: 0;
    left: 0;
}

/* Navbar */

.km-leftitem,
.km-rightitem
{
    z-index: 1;
    position: absolute;
    right: .5em;
}

.km-popup .km-rightitem
{
    right: 0;
}

.km-leftitem
{
    left: .5em;
    right: auto;
}

.km-popup .km-leftitem
{
    left: 0;
}

/* Dialog */

.km-dialog
{
    position: absolute;
    min-width: 19em;
    max-width: 25em;
    overflow: hidden;
}

.km-dialog-title
{
    position: static;
    float: none;
    height: 2.6em;
    margin-top: -2.6em;
    font-size: 1.22em;
    line-height: 3em;
}

.km-dialog:before
{
    content: "\a0";
    display: block;
    overflow: visible;
    width: 100%;
    height: 3em;
    opacity: .2;
}

.km-dialog-content
{
    font-weight: normal;
    min-height: 2em;
    text-align: center;
}

.km-dialog .km-button
{
    display: block;
    margin: .4em;
    font-size: 1.3em;
    text-align: center;
    padding: .44em;
    .user-select(none);
}

/* Loader */

.km-loader
{
    top: 50%;
    left: 50%;
    width: 180px;
    height: 130px;
    opacity: .85;
    z-index: 100000;
    padding: 30px 30px;
    position: absolute;
    margin-top: -70px;
    margin-left: -90px;
    .box-sizing(border-box);
    background-color: black;
}

.km-loader h1
{
    font-size: 1.6em;
    color: white;
    text-align: center;
    margin-top: 10px;
}

.km-loader .km-loading,
.km-load-more .km-icon,
.km-scroller-refresh .km-icon
{
    .animation(km-spin 1s infinite linear);
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    font-size: 35px;
}

.km-loader .km-loading:after,
.km-load-more .km-icon:after
{
    color: #ccc;
}

@-webkit-keyframes km-spin
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes km-spin
{
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes km-spin
{
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes km-spin
{
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(360deg); }
}

@-webkit-keyframes km-ios-spin
{
    0% { -webkit-transform: rotate(0deg); }
    8.32% { -webkit-transform: rotate(0deg); }
    8.33% { -webkit-transform: rotate(30deg); }
    16.65% { -webkit-transform: rotate(30deg); }
    16.66% { -webkit-transform: rotate(60deg); }
    24.99% { -webkit-transform: rotate(60deg); }
    25% { -webkit-transform: rotate(90deg); }
    33.32% { -webkit-transform: rotate(90deg); }
    33.33% { -webkit-transform: rotate(120deg); }
    41.65% { -webkit-transform: rotate(120deg); }
    41.66% { -webkit-transform: rotate(150deg); }
    49.99% { -webkit-transform: rotate(150deg); }
    50% { -webkit-transform: rotate(180deg); }
    58.32% { -webkit-transform: rotate(180deg); }
    58.33% { -webkit-transform: rotate(210deg); }
    66.65% { -webkit-transform: rotate(210deg); }
    66.66% { -webkit-transform: rotate(240deg); }
    74.99% { -webkit-transform: rotate(240deg); }
    75% { -webkit-transform: rotate(270deg); }
    83.32% { -webkit-transform: rotate(270deg); }
    83.33% { -webkit-transform: rotate(300deg); }
    91.65% { -webkit-transform: rotate(300deg); }
    91.66% { -webkit-transform: rotate(330deg); }
    99.99% { -webkit-transform: rotate(330deg); }
    100% { -webkit-transform: rotate(360deg); }
}

/* Form elements */

.km-list input[type=text]:not(.k-input),
.km-list input[type=password],
.km-list input[type=search],
.km-list input[type=number],
.km-list input[type=tel],
.km-list input[type=url],
.km-list input[type=email],
.km-list input[type=file],
.km-list input[type=month],
.km-list input[type=color],
.km-list input[type=week],
.km-list input[type=date],
.km-list input[type=time],
.km-list input[type=datetime],
.km-list input[type=datetime-local],
.km-list select:not([multiple]),
.km-list .k-dropdown,
.km-list textarea
{
    width: 50%;
    .box-sizing(border-box);
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    line-height: normal;
    z-index: 1;
    right: 0;
    margin-top: -1em;
}

.km-root .k-slider .k-tick,
.km-root .k-slider .k-label,
.km-root .k-slider .k-button
{
    display: none;
}

.km-list textarea
{
    position: relative;
    width: ~"-webkit-calc(50% + .7em)";
    width: ~"-moz-calc(50% + .7em)";
    width: ~"calc(50% + .7em)";
    margin-right: -.7em;
}

.km-list input,
.km-list select,
.km-list textarea,
.km-list input[type=checkbox],
.km-list input[type=radio]
{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.km-list input[type=checkbox],
.km-list input[type=radio]
{
    position: absolute;
    top: 50%;
    right: .7em;
    margin-top: -.5em;
    background: none;
}

.km-root input,
.km-root textarea
{
    .user-select(text);
}

.km-root input[readonly],
.km-root select:not([multiple])
{
    .user-select(none);
}

.km-list textarea
{
    top: 0;
}

.km-list .k-dropdown
{
    line-height: 1.4em;
}

.km-list .k-dropdown,
.km-list .k-dropdown .k-input
{
    background-color: transparent;
}

.km-root .k-dropdown-wrap
{
    display: inline-block;
}

.km-root .km-listview-label:after,
.km-root input ~ .km-listview-link:after,
.km-root textarea ~ .km-listview-link:after,
.km-root select ~ .km-listview-link:after,
.km-root .k-dropdown ~ .km-listview-link:after
{
    display: none;
}

.km-root .k-dropdown select,
.km-root .k-dropdown .k-select
{
    display: none;
}

.km-root .km-list textarea
{
    position: relative;
    float: right;
    margin-top: 0;
    font-family: inherit;
}

/* PopUp + ActionSheet */

.km-root .km-popup .k-item,
.km-actionsheet > li
{
    list-style-type: none;
    padding: inherit 1em;
    border-bottom: 1px solid #555;
    .box-sizing(border-box);
}

.km-actionsheet > li
{
    line-height: 2em;
    border-bottom: 0;
}

.km-root .km-popup .k-list,
.km-actionsheet
{
    padding: 0;
    margin: 0;
}

.km-root .km-popup .k-item:last-child,
.km-actionsheet > li:last-child
{
    border: 0;
}

.km-shim
{
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index:10001;
    .box-sizing(border-box);
}

.km-shim .k-animation-container,
.km-actionsheet-wrapper
{
    width: 100%;
    .box-shadow(none);
    border: 0;
}

.km-shim .k-animation-container
{
    width: auto;
}

/* Checkboxes and Radios */

.km-listview-label input[type=radio],
.km-listview-label input[type=checkbox]
{
    border: 0;
    font-size: inherit;
    width: 1em;
    height: .9em;
}

/* Load more */

.km-load-more
{
    display: block;
    padding: .3em 0 1.2em;
    height: 2.6em;
    text-align: center;
}

/* SplitView */
.km-root div.km-splitview
{
    .box-orient(horizontal);
    .box-direction(normal);
    .flex-direction(row);
}

.km-root .km-splitview.km-split-vertical
{
    .box-orient(vertical);
    .flex-direction(column);
}

.km-splitview > .km-pane
{
    .flex(2);
    width: auto;
    height: auto;
}

.km-splitview > .km-pane:first-child
{
    .flex(1);
}

.km-split-horizontal > .km-pane
{
    height: 100%;
}

// Hopefully temporary
.km-split-vertical > .km-pane > .km-view
{
    display: -webkit-box;
}

.km-pane
{
    position: relative;
}

/* PopOver */

.km-popup-wrapper,
.km-modalview-wrapper
{
    z-index: 10001;
    position: relative;
    background: none;
    border: 0;
    .box-shadow(none);
}

.km-popup-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.km-popup-arrow,
.km-popup-arrow:after,
.km-down .km-popup-arrow:before
{
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 2;
}

.km-left .km-popup-arrow,
.km-right .km-popup-arrow
{
    margin-top: -8px;
}

.km-up .km-popup-arrow,
.km-down .km-popup-arrow
{
    margin-left: -8px;
}

.km-popup-arrow:after,
.km-down .km-popup-arrow:before
{
    display: block;
    content: "\a0";
    width: 0;
    height: 0;
}

.km-up .km-popup-arrow
{
    top: auto;
    bottom: 0;
}

.km-left .km-popup-arrow
{
    left: auto;
    right: 0;
}

.km-popup.km-pane
{
    .box-sizing(border-box);
    width: 100%;
    height: 100%;
    min-height: 100px;
}

/* ModalView */

.km-modalview,
.km-modalview-wrapper:before
{
    overflow: hidden;
    position: relative;
    .flexbox(inline);
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.km-modalview .km-content {
    box-flex: 1;
}

.km-modalview-wrapper:before
{
    margin-left: -1px;
    content: "\a0";
    width: 0px;
    display: inline-block;
}

/* Stretched View */

.km-stretched-view
{
    .flexbox();
}

.km-stretched-view > *
{
    width: 100%;
}

/* Platform specific workarounds */

.km-on-wp .km-view,
.km-on-wp .km-header,
.km-on-wp .km-footer,
.km-on-wp .km-slider,
.km-on-wp .km-switch,
.km-on-wp .km-filter-reset,
.km-on-wp .km-shim .k-animation-container,
.km-on-wp .km-scroll-container
{
    transform: translateZ(0);
}

.km-pane,
.km-on-ios .km-view,
.km-on-ios .km-header,
.km-on-ios .km-footer,
.km-on-ios .km-slider,
.km-on-ios .km-switch,
.km-on-ios .km-group-title,
.km-on-ios .km-list > li,
.km-on-ios .km-filter-reset,
.km-on-ios .km-shim .k-animation-container,
.km-on-ios .km-scroll-container,
.km-on-blackberry .km-view,
.km-on-blackberry .km-content,
.km-on-blackberry .km-header,
.km-on-blackberry .km-footer,
.km-on-blackberry .km-icon,
.km-on-blackberry .km-switch,
.km-on-blackberry .km-popup .k-item,
.km-on-blackberry .km-actionsheet-wrapper
{
    -webkit-transform: translatez(0);
}

.km-on-meego,
.km-on-android
{
    -webkit-transform: none;
}

//.km-on-android.km-4, /* Causes changing views to not refresh the screen in 4.0 */
.km-on-android.km-2 .km-header,
.km-on-android.km-2 .km-footer,
.km-on-android .km-switch,
.km-on-android.km-2 .km-list > li,
.km-on-android.km-3 .km-listview-wrapper,
.km-on-android.km-4 .km-listview-wrapper,
.km-on-android.km-4 .km-content,
.km-on-android .km-switch-handle,
.km-android.km-on-android .km-switch-wrapper,
.km-on-android .km-scroll-container,
.km-on-meego .km-content,
.km-on-meego .km-switch,
.km-on-meego .km-icon,
.km-on-meego .km-header,
.km-on-meego .km-footer,
.km-on-meego .km-content,
.km-on-meego .km-switch-handle,
.km-on-meego .km-switch-wrapper
{
    -webkit-transform: translatez(0);
    -webkit-backface-visibility: hidden;
}

.km-on-android.km-4 // Fix for Galaxy S3 3D acceleration issue.
{
    -webkit-transition: -webkit-transform .0001ms;
}

// Fix for the Android input duplication issue
.km-on-android.km-4 input
{
    -webkit-user-modify: read-write-plaintext-only;
}

.km-on-android.km-2 .km-list > li,
.km-on-android.km-3 .km-list > li
{
    bottom: 10000px;
    .transform(translatey(10000px));
}

.km-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 100000;
}

.k-ff .km-scroll-container
{
    padding-bottom: 20px;
}

.km-wp .km-view .km-absolute,
.km-meego .km-view .km-absolute
{
    position: absolute;
}

